<template>
  <el-select
    :value="value"
    :clearable="clearable "
    :filterable="filterable "
    placeholder="组织级别"
    @input="handleInput"
    @focus="handleFocus"
    @blur="handleBlur"
    @change="handleChange"
  >
    <el-option
      v-for="org in selectList"
      :key="org.orgLevel"
      :label="org.orgLevelName"
      :value="org.orgLevel"/>
  </el-select>
</template>

<script>
import selectComponents from './selectComponents'
import { queryOrgLevelList } from '@/api/base/users'

export default {
  name: 'OrgTypeSelect',
  mixins: [selectComponents],
  data() {
    return {
      selectList: []
    }
  },
  created() {
    this.loadData()
  },
  methods: {
    loadData() {
      queryOrgLevelList().then(res => {
        this.selectList = res.data
      })
    }
  }
}
</script>

<style scoped>

</style>
